<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>超链接</title>
    </head>
    <body>
        <a href="p2.html">跳转至今日的第二个页面</a>
        <a href="p4.html">跳转至今日的第四个页面</a>
        <hr>
        <a href="https://www.baidu.com/">跳转到百度</a>
        <a href="https://www.tmooc.cn/">跳转到达内首页</a>
        <hr>
        <a href="https://www.baidu.com/">
            <img src="1.png" width="200px">
        </a>
        <hr>
        <a href="https://www.baidu.com/" target="_blank">新窗口打开百度</a>
        <a href="https://www.baidu.com/" target="_self">刷新窗口打开百度</a>
        <hr>
        <!-- 锚点 -->
        <a href="#c1">跳转至第1章</a>
        <a href="#c2">跳转至第2章</a>
        <a href="#c3">跳转至第3章</a>
        <hr>
        <h3 id="c1">第一章 猴王出世</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus mollitia officia quae quis quod! Adipisci
            asperiores beatae consectetur laborum. Alias aspernatur, cupiditate et ipsa modi quas recusandae repellat
            repellendus voluptatem.</p>
        <p>Assumenda dolorem doloremque dolores ducimus illo necessitatibus odio quidem, reiciendis voluptatum!
            Accusantium amet excepturi iure odio recusandae. Aliquid amet aut autem dolor minima numquam, tempora
            tempore voluptatibus? Accusamus, ipsa, nemo.</p>
        <p>A ab animi deserunt distinctio dolor, doloribus ducimus eaque et eum eveniet ex explicabo facere hic illum
            incidunt ipsum iusto laboriosam neque, non officia perferendis quas similique veniam veritatis
            voluptatem.</p>
        <p>A asperiores assumenda blanditiis consectetur consequatur corporis distinctio dolorum enim exercitationem
            harum hic, ipsam itaque iure mollitia nesciunt quae quasi qui quia quibusdam quod saepe sapiente sed
            similique tenetur voluptate!</p>
        <p>Commodi ea eveniet ex fugit libero mollitia quia recusandae repellat veniam? Ad asperiores deserunt
            doloribus, eligendi, eos facere, iusto laboriosam maiores maxime numquam provident quaerat quo quod
            reprehenderit sint totam.</p>
        <p>Culpa cupiditate doloribus eaque eos explicabo harum iusto modi omnis, perferendis praesentium quo ullam
            veniam? Distinctio dolorum, ducimus ea excepturi illum magni molestiae, porro praesentium qui sapiente
            similique veritatis voluptas.</p>
        <p>Adipisci aliquid aperiam deserunt dolorum eos eum excepturi facilis fugit harum inventore iste itaque iure
            libero maiores nesciunt nulla obcaecati odit officia praesentium quibusdam quo rem, ut veniam voluptate
            voluptatibus.</p>
        <p>Dolores eveniet explicabo ipsum mollitia nam, neque nostrum optio quas sed vel velit veniam voluptate? Ab
            adipisci aliquam, aliquid commodi consequatur est et nulla, numquam quas quo saepe vel, voluptatem?</p>
        <p>Aperiam asperiores at dignissimos dolor doloribus eaque enim error facere harum, magni nesciunt nostrum omnis
            possimus provident reiciendis rerum sint? Accusantium amet, dignissimos eos esse facere magni omnis
            praesentium voluptates!</p>
        <p>Ab adipisci animi autem, cumque distinctio earum eligendi eos fugiat illo in ipsum magnam modi natus neque
            nobis officia officiis porro possimus provident, quidem ratione repellat reprehenderit, tenetur voluptatibus
            voluptatum?</p>
        <p>Consectetur facere nemo neque omnis velit? Asperiores, atque beatae delectus dolor ea, eveniet excepturi
            fugiat in magnam minima modi necessitatibus nulla numquam officia omnis optio, quae quia sed sunt unde?</p>
        <p>Accusantium, aspernatur, culpa dolorum ea excepturi id incidunt maxime minima molestias nostrum nulla, odio
            odit officiis pariatur perspiciatis quam quod repellendus vel vero voluptatum. Animi eius modi neque sint
            totam!</p>
        <p>A ex impedit nesciunt saepe. Ab dignissimos ducimus nesciunt nostrum praesentium provident quasi qui quia
            saepe voluptatibus? Cum dolorem eligendi eveniet facere in incidunt labore necessitatibus nostrum, odio
            suscipit voluptas.</p>
        <p>Architecto deserunt, dolor dolores earum eius excepturi explicabo facere facilis fugiat illo ipsum iure
            laudantium magni nesciunt nulla praesentium provident quae, quas quibusdam quidem ratione repellat sequi
            similique sit, voluptate.</p>
        <p>Autem cum deleniti doloribus est ex expedita, fugit incidunt, iusto nam odio perspiciatis qui sed, totam!
            Doloremque ex ullam unde veniam. Architecto aut consequuntur distinctio ducimus eveniet, perspiciatis
            quaerat voluptate?</p>
        <p>At distinctio earum eius eligendi ipsum quaerat quidem ut! Accusamus accusantium adipisci alias at culpa
            cupiditate ducimus, expedita hic, neque nihil non nostrum obcaecati provident, quae repellendus repudiandae
            sit sunt.</p>
        <p>Ab laborum maiores officia ratione sed, voluptate! Amet beatae, consequatur, ex excepturi impedit in mollitia
            pariatur possimus reiciendis ut, veritatis vitae! Aspernatur dolore doloribus, magnam mollitia nulla
            perspiciatis voluptatem voluptates.</p>
        <p>Aliquam aliquid aperiam architecto culpa deleniti deserunt dolorum eaque eligendi esse exercitationem
            expedita fuga, harum illo in iste molestias nesciunt nisi nobis nulla obcaecati porro rem repellat
            repudiandae temporibus voluptatem?</p>
        <p>Accusantium distinctio doloremque esse id impedit incidunt, itaque laborum numquam odio odit officia omnis
            perferendis praesentium quam repellendus repudiandae rerum sint sunt tempora tempore. Asperiores error eum
            ipsa nihil omnis?</p>
        <p>Adipisci aperiam assumenda blanditiis, commodi debitis dolor est ex fuga laudantium mollitia nisi officiis
            possimus similique temporibus ut velit veritatis voluptatem. Aliquid iste magni molestiae nostrum quasi
            quidem quisquam quod?</p>
        <h3 id="c2">第二章 东海学艺</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab adipisci architecto culpa delectus ea et id
            illum iste, itaque nam, nostrum perspiciatis quaerat quam rem temporibus vitae voluptas? Amet,
            assumenda?</p>
        <p>Dignissimos dolores dolorum est, facere inventore iusto laboriosam libero maiores minus odio, placeat
            possimus praesentium ut? Assumenda atque cumque enim, facilis hic ipsum officia quis quisquam recusandae
            repellat reprehenderit repudiandae.</p>
        <p>A amet architecto asperiores cumque dicta dolore dolorum ea eaque enim, error est eum harum incidunt libero
            omnis quibusdam quidem sapiente tempore vel vitae. Distinctio eveniet quaerat quam repellat
            voluptatibus.</p>
        <p>Animi, impedit natus? Culpa error eum fugiat ipsum iusto laboriosam modi non, quo reiciendis temporibus vel
            voluptas? Ad adipisci dolor enim et nulla! Culpa earum incidunt nobis omnis, quaerat sunt.</p>
        <p>Ad delectus deleniti enim explicabo hic labore maiores minima qui, quos sed sit voluptatum! Corporis cumque
            ducimus est eum expedita, incidunt ipsa laborum molestiae, nam odit possimus quaerat, vitae voluptatem?</p>
        <p>A at cum distinctio explicabo fugit inventore iste iusto laudantium, maiores mollitia natus neque, officia
            placeat quidem ratione repellendus sequi, soluta vel. Distinctio, eos iste labore quas quos sed sunt.</p>
        <p>Accusantium, assumenda beatae, doloribus eveniet itaque laboriosam magnam magni maxime nesciunt suscipit
            tempora tenetur ullam, velit. Aperiam dicta eius eveniet hic labore maxime minima quas rem repellat
            repudiandae, ut, veniam!</p>
        <p>Cupiditate nihil repudiandae saepe sapiente sunt totam voluptate. Ad culpa hic quo voluptas. Aliquam aliquid,
            amet corporis cupiditate dicta, doloremque fuga iure perspiciatis, porro quam rem voluptates! Odio, ratione,
            ut.</p>
        <p>Architecto consequatur culpa debitis dolorem doloribus eum ex fugiat impedit magnam minus, mollitia
            necessitatibus nesciunt non numquam officiis, possimus praesentium quam quasi quia quos recusandae, saepe
            soluta suscipit? Dicta, quasi.</p>
        <p>Aliquam blanditiis consequatur deserunt dolore est fugit, impedit iusto molestias obcaecati officiis porro
            quo ratione suscipit veritatis voluptate? Dolore, error iure iusto modi placeat quaerat ratione tempore. Eos
            illo, iusto?</p>
        <p>At consequatur eveniet fuga incidunt iusto nostrum placeat possimus ratione tempora. Amet architecto atque
            consequuntur dicta dignissimos doloremque dolorum et iusto optio perspiciatis quibusdam quis quisquam,
            repellat sed sint tempore?</p>
        <p>Illum ipsum odit ratione. Eaque inventore, ipsa. Ad, animi beatae cumque distinctio dolor earum, eligendi
            magnam maxime mollitia neque nostrum officia perferendis possimus praesentium quod. Cupiditate fugiat
            nostrum pariatur velit?</p>
        <p>Ab aliquam aperiam autem cum dicta dolor dolorem, doloribus dolorum eaque harum iste minima molestiae non
            nostrum obcaecati quo quod sed sit voluptatem voluptatum. Assumenda earum et obcaecati qui veritatis?</p>
        <p>Accusantium blanditiis culpa cum, cumque delectus doloremque ea earum facilis fuga fugit, hic illum inventore
            ipsa minima nam natus nemo obcaecati odit officiis quibusdam quod quos ratione repellendus saepe
            voluptatibus?</p>
        <p>Ad adipisci dolorem dolorum ducimus illum ipsam maiores vel vitae. Aut beatae debitis dolorem dolores
            expedita fugit illo inventore iure maiores minima natus nulla perspiciatis quidem rem sunt totam, velit!</p>
        <p>A ad adipisci animi commodi corporis cumque debitis dolores doloribus illum, laborum laudantium nam natus
            pariatur quisquam recusandae rem reprehenderit sapiente tempora. Impedit libero mollitia praesentium
            temporibus. Eos quidem, vero!</p>
        <p>Aspernatur atque autem dolor dolorum ducimus esse, et, exercitationem explicabo facilis fugiat iste laborum
            minus natus nulla odio omnis praesentium quis quos rem repudiandae sunt tempora tenetur totam voluptate
            voluptates!</p>
        <p>Atque dolore exercitationem libero maxime obcaecati quia reiciendis totam! Cumque exercitationem laudantium
            repellat? At dicta eum inventore labore magni minima, odit, perferendis quasi quo quos reprehenderit
            suscipit veritatis voluptas voluptatibus?</p>
        <p>A aspernatur atque blanditiis est, excepturi laboriosam molestiae officiis rem soluta sunt vel vitae
            voluptates voluptatum. Commodi doloribus illo, inventore nisi nulla quidem quisquam, rem repudiandae sequi,
            sit tempore totam.</p>
        <p>Ab at debitis eius est in maxime minus modi mollitia natus neque odio officia officiis quam quia reiciendis
            rem soluta, suscipit. Accusantium aspernatur et nesciunt pariatur, perspiciatis qui rem unde.</p>
        <h3 id="c3">第三章 龙宫借宝</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias animi ea facere laboriosam minus perspiciatis
            quas sunt. Commodi dolore doloribus et minima natus sit voluptatem! Aliquid fugiat in velit
            voluptatibus.</p>
        <p>Accusamus alias aperiam aspernatur atque cumque, deleniti dolorem earum est et eveniet explicabo labore nemo,
            neque nisi obcaecati officia possimus quaerat recusandae rem saepe sunt tempora tempore tenetur veniam
            voluptatem.</p>
        <p>Adipisci cum dignissimos error harum ipsum itaque maxime molestiae nobis non nostrum optio, quae quam quia
            sit vitae voluptas voluptate! Alias at autem debitis dicta est explicabo laboriosam nulla sed!</p>
        <p>Accusamus aliquam aut doloribus ducimus eum, eveniet harum hic illum inventore magnam odio officia officiis
            rerum sint sit, soluta totam voluptates! Ab aliquam aperiam iusto libero nihil, quidem quo sit.</p>
        <p>Alias amet consectetur cupiditate deserunt dolorem error et ex explicabo fugiat harum id illo, ipsa libero
            magnam nisi nulla porro praesentium quas quos repellendus temporibus vel veritatis voluptatum! Explicabo,
            voluptatum.</p>
        <p>Cumque dolorem dolorum ducimus earum eius esse facere hic, illum in obcaecati odit officia ratione
            voluptatibus! Amet corporis fugiat minima odio, tenetur velit voluptatem voluptatibus. A eligendi in
            molestiae officia!</p>
        <p>Ipsum quo reiciendis totam unde voluptas? Alias architecto, cumque eum incidunt nobis officia perspiciatis
            praesentium quia quis rem! Ad aliquam facilis fugiat illum magnam pariatur ut. Adipisci at cum ullam.</p>
        <p>A autem commodi ducimus incidunt libero minima minus necessitatibus nesciunt omnis, praesentium quidem totam!
            Ab consequuntur cum laboriosam quasi recusandae! Ab beatae cupiditate error illo, magni necessitatibus
            pariatur soluta. Animi!</p>
        <p>A ab aperiam, aspernatur cum, deserunt dicta et ex expedita fugiat harum iusto, laborum libero minima nam
            nostrum omnis quia ratione repellendus rerum voluptatem. Aperiam dicta eligendi odio possimus
            recusandae?</p>
        <p>A, ad aliquid corporis distinctio dolores eius exercitationem id iusto laborum laudantium modi nam nulla
            officia quia quibusdam quo reprehenderit repudiandae sunt unde, voluptates? Et id repellat reprehenderit
            sequi soluta.</p>
        <p>Ad aperiam aspernatur consequuntur dolorem, eum fuga in maiores perspiciatis possimus unde. Aperiam
            consequuntur deserunt distinctio eligendi maiores nostrum, placeat quo vel. Aliquid amet blanditiis error
            labore, officia sed voluptatum!</p>
        <p>Delectus, doloremque, minus! Aliquid asperiores commodi consectetur dolor dolore dolorem, illum ipsum iste
            itaque iusto, laudantium magni maxime nemo nobis pariatur quaerat qui quisquam recusandae rem sapiente
            suscipit, velit voluptatum?</p>
        <p>Asperiores debitis laudantium quae! Ab aperiam aut consectetur corporis doloribus enim, error est facilis
            fugit inventore ipsa iure, labore laborum libero modi nam necessitatibus nostrum pariatur quia quibusdam
            quidem vero.</p>
        <p>Aperiam dignissimos expedita facilis hic maxime molestias nesciunt nihil, odio repellendus tempora.
            Accusantium ad atque deserunt dignissimos dolore, dolorum ea eveniet exercitationem hic illum, laborum odit
            praesentium quae temporibus veritatis.</p>
        <p>Assumenda dignissimos expedita laboriosam numquam repellat vel, vitae? Ad atque autem consequatur, cupiditate
            debitis et fugit illum ipsa iste libero magni, maxime odio pariatur sapiente sed similique tenetur, ut?
            Quas.</p>
        <p>Amet asperiores consectetur dolore dolorum ducimus earum ipsum laborum maxime minus nisi, odio perferendis
            possimus quaerat quasi quibusdam quidem temporibus! Adipisci consectetur excepturi illum ipsum itaque
            molestiae quam quo sit.</p>
        <p>Deleniti ipsa iusto magni neque porro sed similique! Accusantium aliquid atque cumque dolor error facere illo
            illum laboriosam laborum maxime, molestias nam, nesciunt nihil numquam omnis possimus quasi repudiandae
            sed.</p>
        <p>Amet corporis culpa deleniti dolorem doloremque, ducimus illo ipsum maxime, molestias nisi quam quidem
            ratione, repellendus repudiandae sunt ullam vel? Earum esse illum magnam quam quibusdam quidem quis
            recusandae! Obcaecati.</p>
        <p>A, ab asperiores beatae cum delectus deleniti dignissimos dolor eaque, excepturi facilis in natus odio quasi
            recusandae, repellendus tenetur totam voluptas voluptatum! Aliquid deleniti iure maiores nemo nisi rerum
            ut.</p>
        <p>Blanditiis consequatur, cupiditate debitis deleniti exercitationem fuga impedit itaque, modi molestias nihil
            nulla odit, perferendis quae quod recusandae similique veniam! Aut ducimus earum et modi molestias sapiente
            tenetur ut voluptates.</p>
        <a href="#">跳转至顶部</a>
    </body>
</html>